<template>
    <el-config-provider :locale="locale" :size="size">
        <router-view/>
    </el-config-provider>
</template>

<script setup lang="ts">
import {computed, ref, watch} from 'vue';
import {ElConfigProvider} from 'element-plus';

import useStore from '@/store';

// 导入 Element Plus 语言包
import zhCn from 'element-plus/es/locale/lang/zh-cn';

const {app} = useStore();

const language = computed(() => app.language);
const size: any = computed(() => app.size);

const locale = ref();

watch(
    language,
    value => {
        locale.value = zhCn;
    },
    {
        // 初始化立即执行
        immediate: true
    }
);
</script>
